<template>
    <div class="container">
      <div class="step">
            <van-steps :active="active">
                <van-step>阅读协议</van-step>
                <van-step>手机认证</van-step>
                <van-step>实名认证</van-step>
            </van-steps>
        </div>
        <div class="form">
            <div class="idcard-form">
                <van-row gutter="20">
                    <van-col span="14">
                        <van-row gutter="8">
                            <van-col span="6"><strong>姓名</strong></van-col>
                            <van-col span="18">张三丰</van-col>
                            <van-col span="6"><strong>性别</strong></van-col>
                            <van-col span="18">男</van-col>
                            <van-col span="6"><strong>出生</strong></van-col>
                            <van-col span="18">2019-09-12</van-col>
                        </van-row>
                        <van-row gutter="8">
                            <van-col span="6"><strong>地址</strong></van-col>
                            <van-col span="18">沈阳市铁西区兴化南街119号</van-col>
                        </van-row>
                    </van-col>
                    <van-col span="10">
                        <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/civil_sys/person_photo.png" class="hd-img-responsive"/>
                    </van-col>
                </van-row>
                <van-row>
                    <van-col span="24"><strong>绑定手机号: </strong>13888888888</van-col>
                    <van-col span="24"><strong>公民身份证号码: </strong>210209190008091223</van-col>
                </van-row>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: 'second',
  data () {
    return {
      active: 2
    }
  },
  methods: {
    onRead (file) {
      console.log(file)
    }
  }
}
</script>

<style src="./index.css" scoped>
</style>
